import styled from "styled-components";

export const ShopGoodsItemWrapper = styled.div`
  .goods-list-item {
    padding: 10px;
    cursor: pointer;
    border: 1px solid white;
    margin-bottom: 15px;
    &:hover {
      border: 1px solid #d9d9d9;
     
    }

    width: 200px;
    .pic {
      position: relative;
      display: flex;
      justify-content: center;
      img {
        width: 130px;
        height: 130px;
      }
    }
    .price {
      font-size: 24px;
      color: rgb(252, 85, 49);
    }
    .name {
      display: -webkit-box;
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: pre-line;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      color: #434343;
      font-size: 13.5px;
    }
    .other-num {
      margin-top: 6px;
      color: #595959;
      font-size: 13px;
      span {
        margin-right: 10px;
      }
    }
  }
`;
